<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./01.css">
</head>
<body>
    <div class="box">
        <!-- 头部 -->
            <div class="header">
                <div class="thead">
                    <div class="nav">
                        <ul>
                            <li>图片</li>
                            <li>视频</li>
                            <li>学术</li>
                            <li>词典</li>
                            <li>地图</li>
                            <li>|</li>
                            <li>Office</li>
                            <li>Outlook.com</li>
                        </ul>
                    </div>
                    <div class="user">
                        <div class="userphoto">
                            <span>登录</span>
                            <div class="cic">
                                <div class="imgbox"></div>
                            </div>
                        </div>
                        <div class="threewhite"></div>
                    </div>
               </div>
           </div>

        <!-- 搜索框 -->
        <div class="seach">
            <div class="sea">
                <div class="left">
                    <div class="imgbox"></div>
                </div>
                <div class="main">
                    <div class="center">
                        <div class="bg">
                            <div><div class="col">国内版</div></div>
                        </div>
                        <div class="bg1">
                            <div><div class="col">国际版</div></div>
                        </div>
                    </div>
                    <div class="right">
                        <div class="inpu">
                            <div class="decoration"><div class="mirror"></div></div></div>
                        
                    </div>
                </div>
            </div>
        </div>

        <!-- 右下角 -->
        <div class="bottomer">
            <div class="cicle" ><div class="imgbox"></div></div>
            <div class="cicle1"><div class="imgbox"></div></div>
            <div class="cicle2"><div class="imgbox"></div></div>
            <div class="cicle3"><div class="imgbox"></div></div>
        </div>

        <!-- footer -->
        <div class="footer">
            <div class="foo">
                <ul>
                    <li>增值电信业务经营许可证：含字B2-20090007</li>
                    <li>京ICP备10036305号</li>
                    <li>京公网安备11010802022657号</li>
                    <li>隐私声明和Cookie</li>
                    <li>法律声明</li>
                    <li>广告</li>
                    <li>报告</li>
                    <li>帮助</li>
                    <li>反馈</li>
                </ul>
                <div class="last">
                    &copy;2020 JansChong
                </div>
            </div>
        </div>
    </div>
</body>
</html>